﻿@page "/skeletons"
@inject IStringLocalizer<Skeletons> Localizer

<h3>@Localizer["SkeletonsTitle"]</h3>

<h4>@Localizer["SkeletonsDescription"]</h4>

<p><b>@Localizer["SkeletonsTipsTitle"]</b></p>

<ul class="ul-demo">
    <li>@Localizer["SkeletonsTips1"]</li>
    <li>@Localizer["SkeletonsTips2"]</li>
    <li>@Localizer["SkeletonsTips3"]</li>
    <li>@Localizer["SkeletonsTips4"]</li>
</ul>

<DemoBlock Title="@Localizer["SkeletonsImgTitle"]"
           Introduction="@Localizer["SkeletonsImgIntro"]"
           Name="Img"
           Demo="typeof(Demos.Skeletons.SkeletonsImg)">
    <p>@((MarkupString)Localizer["SkeletonsImgDescription"].Value)</p>
</DemoBlock>

<DemoBlock Title="@Localizer["SkeletonsParagraphTitle"]"
           Introduction="@Localizer["SkeletonsParagraphIntro"]"
           Name="Paragraph"
           Demo="typeof(Demos.Skeletons.SkeletonsParagraph)">
    <p>@((MarkupString)Localizer["SkeletonsParagraphDescription"].Value)</p>
</DemoBlock>

<DemoBlock Title="@Localizer["SkeletonsFormTitle"]"
           Introduction="@Localizer["SkeletonsFormIntro"]"
           Name="Form"
           Demo="typeof(Demos.Skeletons.SkeletonsForm)">
</DemoBlock>

<DemoBlock Title="@Localizer["SkeletonsTableTitle"]"
           Introduction="@Localizer["SkeletonsTableIntro"]"
           Name="Table"
           Demo="typeof(Demos.Skeletons.SkeletonsTable)">
</DemoBlock>

<DemoBlock Title="@Localizer["SkeletonsTreeTitle"]"
           Introduction="@Localizer["SkeletonsTreeIntro"]"
           Name="Tree"
           Demo="typeof(Demos.Skeletons.SkeletonsTree)">
</DemoBlock>

<AttributeTable Items="@GetAttributes()" />
